{include file="top.html"}
<link rel="stylesheet" href="{$CSS_PATH}order.css"/>
<!--detail Start-->
<script>
    $(function(){
       /* $('._submit-to-pay' ).click(function(){
            window.open("test_pay.php?amount={$order_amount}&order_sn={$order_sn}");
            $("#confirm-box" ).show();
        })*/
    })
    function showBox()
    {
        $("#confirm-box" ).show();
    }
</script>

<div class="wrapper page-main clearfix">
    <div class="container">
        <div class=" section section-order succeed">
            <div class="order-info">
                <div class="fl">
                   <div class="icon-right">
                   </div>
                </div>
                <div class="fl order-title">
                    <h2 class="title">订单提交成功！</h2>
                    <p>您已成功支付：<span class="col-red">￥{$order_amount}</span>
                      <span>订单号：{$order_sn}</span>
                    </p>
                   
                    <p><a href="javascript" class="col-bule">查看我的订单</a></p>
                    <!-- <p>请您在提交订单后 <span class="col-red">24小时</span>{$nowtime} 完成支付，超时订单将被自动取消。</p> -->

                </div>
            </div>
        </div>
         <div class="wrapper page-main clearfix">
    <div class="container">
        <!--<div class=" section section-order defeated">
            <div class="order-info">
                <div class="fl">
                   <div class="icon-right">
                   </div>
                </div>
                <div class="fl order-title">
                    <h2 class="title">订单提交成功！</h2>
                    <p>您已成功支付：<span class="col-red">￥{$order_amount}</span>
                      <span>订单号：{$order_sn}</span>
                    </p>
                   
                    <p><a href="javascript" class="col-bule">查看我的订单</a></p>
                    &lt;!&ndash; <p>请您在提交订单后 <span class="col-red">24小时</span>{$nowtime} 完成支付，超时订单将被自动取消。</p> &ndash;&gt;

                </div>
            </div>
        </div>-->
       <div class="section-payment section">
           <ul id="accordion" class="accordion">
            <!-- 信用卡分期 Start-->
                <li>
                    <div class="link">
                        <div class="payment-header clearfix">
                            <h3 class="title">信用卡分期</h3>
                            <span class="desc">海风教育免费为您支付“分期付款手续费”</span>
                        </div>
                       
                        <i class="iconfont fa-chevron-down">&#xe604;</i>
                    </div>
                    <div class="submenu open">
                        <ul class="clearfix payment-list ">
                            <li class="">
                                <img src="{$IMG_PATH}payOnline_zsyh.png" alt="" />
                                <div class="payOnlineBank">
                                   <span>
                                     <input type="radio" name="payOnlineBank"  value="alipay"> 储蓄卡 
                                   </span>
                                   <span class="radio-bg">
                                      <input type="radio" name="payOnlineBank"  value="alipay">  信用卡
                                   </span>
                                  
                                </div>
                            </li>
                             <li class="">
                                <img src="{$IMG_PATH}payOnline_zsyh.png" alt="" />
                                <div class="payOnlineBank">
                                   <span>
                                     <input type="radio" name="payOnlineBank"  value="alipay"> 储蓄卡 
                                   </span>
                                   <span class="radio-bg">
                                      <input type="radio" name="payOnlineBank"  value="alipay">  信用卡
                                   </span>
                                  
                                </div>
                            </li>
                             <li class="">
                                <img src="{$IMG_PATH}payOnline_zsyh.png" alt="" />
                                <div class="payOnlineBank">
                                   <span>
                                     <input type="radio" name="payOnlineBank"  value="alipay"> 储蓄卡 
                                   </span>
                                   <span class="radio-bg">
                                      <input type="radio" name="payOnlineBank"  value="alipay">  信用卡
                                   </span>
                                  
                                </div>
                            </li>
                             <li class="">
                                <img src="{$IMG_PATH}payOnline_zsyh.png" alt="" />
                                <div class="payOnlineBank">
                                   <span>
                                     <input type="radio" name="payOnlineBank"  value="alipay"> 储蓄卡 
                                   </span>
                                   <span class="radio-bg">
                                      <input type="radio" name="payOnlineBank"  value="alipay">  信用卡
                                   </span>
                                  
                                </div>
                            </li>
                             <li class="">
                                <img src="{$IMG_PATH}payOnline_zsyh.png" alt="" />
                                <div class="payOnlineBank">
                                   <span>
                                     <input type="radio" name="payOnlineBank"  value="alipay"> 储蓄卡 
                                   </span>
                                   <span class="radio-bg">
                                      <input type="radio" name="payOnlineBank"  value="alipay">  信用卡
                                   </span>
                                  
                                </div>
                            </li>
                             <li class="">
                                <img src="{$IMG_PATH}payOnline_zsyh.png" alt="" />
                                <div class="payOnlineBank">
                                   <span>
                                     <input type="radio" name="payOnlineBank"  value="alipay"> 储蓄卡 
                                   </span>
                                   <span class="radio-bg">
                                      <input type="radio" name="payOnlineBank"  value="alipay">  信用卡
                                   </span>
                                  
                                </div>
                            </li>
                             <li class="">
                                <img src="{$IMG_PATH}payOnline_zsyh.png" alt="" />
                                <div class="payOnlineBank">
                                   <span>
                                     <input type="radio" name="payOnlineBank"  value="alipay"> 储蓄卡 
                                   </span>
                                   <span class="radio-bg">
                                      <input type="radio" name="payOnlineBank"  value="alipay">  信用卡
                                   </span>
                                  
                                </div>
                            </li>
                        </ul>
                        <div class="order-detail-info">
                                <h3>发票信息</h3>
                            <div class="mode-tab-nav">
                                <ul class="hd">
                                    <li class="mode-tab-item curr">3期| 2475.45元/期<b></b></li>
                                    <li class="mode-tab-item ">6期| 2475.45元/期<b></b></li>
                                    <li class="mode-tab-item ">12期| 2475.45元/期<b></b></li>
                                </ul>
                                <div class="mode-box" style="display:block">
                                    <p>现付款金额：<span class="col-red">7089.00</span>元 = 订单应付金额：<span class="col-red">7089.00</span>元</p>
                                    <p>首期还款：<span class="col-red">2575.67</span>元</p>
                                    <p >原付款金额：<span class="col-red">7301.67</span>元 = 订单应付金额：<span class="col-red">7089.00</span>元 + 分期付款手续费：<span class="col-red">212.67</span>元（分期手续费将由海风教育为您支付）</p>
                                  
                                </div>
                                <div class="mode-box">
                                    <p>现付款金额2：<span class="col-red">7089.00</span>元 = 订单应付金额：<span class="col-red">7089.00</span>元</p>
                                    <p>首期还款：<span class="col-red">2575.67</span>元</p>
                                    <p >原付款金额：<span class="col-red">7301.67</span>元 = 订单应付金额：<span class="col-red">7089.00</span>元 + 分期付款手续费：<span class="col-red">212.67</span>元（分期手续费将由海风教育为您支付）</p>
                                  
                                </div>
                                 <div class="mode-box">
                                    <p>现付款金额3：<span class="col-red">7089.00</span>元 = 订单应付金额：<span class="col-red">7089.00</span>元</p>
                                    <p>首期还款：<span class="col-red">2575.67</span>元</p>
                                    <p >原付款金额：<span class="col-red">7301.67</span>元 = 订单应付金额：<span class="col-red">7089.00</span>元 + 分期付款手续费：<span class="col-red">212.67</span>元（分期手续费将由海风教育为您支付）</p>
                                  
                                </div>
                              <!-- 去结算 -->
                                <div class="accounts clearfix">
                                    <a target="_blank" class="btn _submit-to-pay" >立即支付 </a>
                                </div>
                                <div>

                                </div>
                            </div>
                         </div>
                    </div>
                </li>
            <!-- 信用卡分期 End-->
             <!-- 快捷支付 Start-->
               <!--<li>
                    <div class="link">
                        <div class="payment-header clearfix">
                            <h3 class="title col-bule">快捷支付</h3>
                            <span class="desc">海风教育免费为您支付“分期付款手续费”</span>
                            
                            <span class="fr kuajie">
                                应付金额：<em>￥{$order_amount}</em>
                            <a href="test_pay.php?amount={$order_amount}&order_sn={$order_sn}" class="btn">立即支付 ></a>
                            </span>
                            
                        </div>
                      
                      
                       
                    </div>
                    <div class="submenu open">
                        <ul class="clearfix payment-list ">
                            
                             <li class="active">
                                <img src="{$IMG_PATH}payOnline_zsyh.png" alt="" />
                                <div class="payOnlineBank">
                                   <span>
                                     <input type="radio" name="payOnlineBank"  value="alipay"> 储蓄卡 
                                   </span>
                                   <span class="radio-bg">
                                      <input type="radio" name="payOnlineBank"  value="alipay">  信用卡
                                   </span>
                                  
                                </div>
                            </li>
                             <li class="">
                                <img src="{$IMG_PATH}payOnline_zsyh.png" alt="" />
                                <div class="payOnlineBank">
                                   <span>
                                     <input type="radio" name="payOnlineBank"  value="alipay"> 储蓄卡 
                                   </span>
                                   <span class="radio-bg">
                                      <input type="radio" name="payOnlineBank"  value="alipay">  信用卡
                                   </span>
                                  
                                </div>
                            </li>
                             <li class="">
                                <img src="{$IMG_PATH}payOnline_zsyh.png" alt="" />
                                <div class="payOnlineBank">
                                   <span>
                                     <input type="radio" name="payOnlineBank"  value="alipay"> 储蓄卡 
                                   </span>
                                   <span class="radio-bg">
                                      <input type="radio" name="payOnlineBank"  value="alipay">  信用卡
                                   </span>
                                  
                                </div>
                            </li>
                             <li class="">
                                <img src="{$IMG_PATH}payOnline_zsyh.png" alt="" />
                                <div class="payOnlineBank">
                                   <span>
                                     <input type="radio" name="payOnlineBank"  value="alipay"> 储蓄卡 
                                   </span>
                                   <span class="radio-bg">
                                      <input type="radio" name="payOnlineBank"  value="alipay">  信用卡
                                   </span>
                                  
                                </div>
                            </li>
                             <li class="">
                                <img src="{$IMG_PATH}payOnline_zsyh.png" alt="" />
                                <div class="payOnlineBank">
                                   <span>
                                     <input type="radio" name="payOnlineBank"  value="alipay"> 储蓄卡 
                                   </span>
                                   <span class="radio-bg">
                                      <input type="radio" name="payOnlineBank"  value="alipay">  信用卡
                                   </span>
                                  
                                </div>
                            </li>
                             <li class="">
                                <img src="{$IMG_PATH}payOnline_zsyh.png" alt="" />
                                <div class="payOnlineBank">
                                   <span>
                                     <input type="radio" name="payOnlineBank"  value="alipay"> 储蓄卡 
                                   </span>
                                   <span class="radio-bg">
                                      <input type="radio" name="payOnlineBank"  value="alipay">  信用卡
                                   </span>
                                  
                                </div>
                            </li>
                        </ul>
                        <div class="order-detail-info">
                                <h3>发票信息</h3>
                            <div class="mode-tab-nav">
                                <ul class="hd">
                                    <li class="mode-tab-item curr">3期| 2475.45元/期<b></b></li>
                                    <li class="mode-tab-item ">6期| 2475.45元/期<b></b></li>
                                    <li class="mode-tab-item ">12期| 2475.45元/期<b></b></li>
                                </ul>
                                <div class="mode-box" style="display:block">
                                    <p>现付款金额：<span class="col-red">7089.00</span>元 = 订单应付金额：<span class="col-red">7089.00</span>元</p>
                                    <p>首期还款：<span class="col-red">2575.67</span>元</p>
                                    <p >原付款金额：<span class="col-red">7301.67</span>元 = 订单应付金额：<span class="col-red">7089.00</span>元 + 分期付款手续费：<span class="col-red">212.67</span>元（分期手续费将由海风教育为您支付）</p>
                                  
                                </div>
                                <div class="mode-box">
                                    <p>现付款金额2：<span class="col-red">7089.00</span>元 = 订单应付金额：<span class="col-red">7089.00</span>元</p>
                                    <p>首期还款：<span class="col-red">2575.67</span>元</p>
                                    <p >原付款金额：<span class="col-red">7301.67</span>元 = 订单应付金额：<span class="col-red">7089.00</span>元 + 分期付款手续费：<span class="col-red">212.67</span>元（分期手续费将由海风教育为您支付）</p>
                                  
                                </div>
                                 <div class="mode-box">
                                    <p>现付款金额3：<span class="col-red">7089.00</span>元 = 订单应付金额：<span class="col-red">7089.00</span>元</p>
                                    <p>首期还款：<span class="col-red">2575.67</span>元</p>
                                    <p >原付款金额：<span class="col-red">7301.67</span>元 = 订单应付金额：<span class="col-red">7089.00</span>元 + 分期付款手续费：<span class="col-red">212.67</span>元（分期手续费将由海风教育为您支付）</p>
                                  
                                </div>

                             <!--    <div class="accounts clearfix">
                                    <a href="test_pay.php?amount={$order_amount}&order_sn={$order_sn}" class="btn _submit-to-pay" >立即支付 </a>
                                </div>
                                <div>

                                </div>
                            </div>
                         </div>
                    </div> -->
                <!--</li> -->
            <!-- 快捷支付 End-->
            <!-- 网银支付 Start-->
                <li>
                    <div class="link">
                        <div class="payment-header clearfix">
                            <h3 class="title">网银支付</h3>
                            <span class="desc">大额支付更安全</span>
                        </div>
                       
                        <i class="iconfont fa-chevron-down">&#xe604;</i>
                    </div>
                    <div class="submenu open">
                        <ul class="clearfix payment-list ">
                             <li class="">
                                <img src="{$IMG_PATH}payOnline_zsyh.png" alt="" />
                                <div class="payOnlineBank">
                                   <span>
                                     <input type="radio" name="payOnlineBank"  value="alipay"> 储蓄卡 
                                   </span>
                                   <span class="radio-bg">
                                      <input type="radio" name="payOnlineBank"  value="alipay">  信用卡
                                   </span>
                                  
                                </div>
                            </li>
                             <li class="">
                                <img src="{$IMG_PATH}payOnline_zsyh.png" alt="" />
                                <div class="payOnlineBank">
                                   <span>
                                     <input type="radio" name="payOnlineBank"  value="alipay"> 储蓄卡 
                                   </span>
                                   <span class="radio-bg">
                                      <input type="radio" name="payOnlineBank"  value="alipay">  信用卡
                                   </span>
                                  
                                </div>
                            </li>
                             <li class="">
                                <img src="{$IMG_PATH}payOnline_zsyh.png" alt="" />
                                <div class="payOnlineBank">
                                   <span>
                                     <input type="radio" name="payOnlineBank"  value="alipay"> 储蓄卡 
                                   </span>
                                   <span class="radio-bg">
                                      <input type="radio" name="payOnlineBank"  value="alipay">  信用卡
                                   </span>
                                  
                                </div>
                            </li>
                             <li class="">
                                <img src="{$IMG_PATH}payOnline_zsyh.png" alt="" />
                                <div class="payOnlineBank">
                                   <span>
                                     <input type="radio" name="payOnlineBank"  value="alipay"> 储蓄卡 
                                   </span>
                                   <span class="radio-bg">
                                      <input type="radio" name="payOnlineBank"  value="alipay">  信用卡
                                   </span>
                                  
                                </div>
                            </li>
                             <li class="">
                                <img src="{$IMG_PATH}payOnline_zsyh.png" alt="" />
                                <div class="payOnlineBank">
                                   <span>
                                     <input type="radio" name="payOnlineBank"  value="alipay"> 储蓄卡 
                                   </span>
                                   <span class="radio-bg">
                                      <input type="radio" name="payOnlineBank"  value="alipay">  信用卡
                                   </span>
                                  
                                </div>
                            </li>
                             <li class="">
                                <img src="{$IMG_PATH}payOnline_zsyh.png" alt="" />
                                <div class="payOnlineBank">
                                   <span>
                                     <input type="radio" name="payOnlineBank"  value="alipay"> 储蓄卡 
                                   </span>
                                   <span class="radio-bg">
                                      <input type="radio" name="payOnlineBank"  value="alipay">  信用卡
                                   </span>
                                  
                                </div>
                            </li>
                            <li class="col-bule">更多银行</li>
                        </ul>
                        
                    </div>
                </li>
            <!-- 网银支付 End-->
            <!-- 平台支付 Start-->
                <li>
                    <div class="link">
                        <div class="payment-header clearfix">
                            <h3 class="title">平台支付</h3>
                            <span class="desc">大额支付更安全</span>
                        </div>
                       
                        <i class="iconfont fa-chevron-down">&#xe604;</i>
                    </div>
                    <div class="submenu open">
                        <ul class="clearfix payment-list ">

                            <li>
                                <form id="zfb-form" action="to_pay.php?act=goto_zhifubao&order_id={$order_id}" class="alipayform" method="post" target="_blank">
                                    <input type="hidden" name="WIDout_trade_no" id="out_trade_no" value="{$order_sn}">
                                    <input type="hidden" name="WIDsubject" value="{$goods_name}">
                                    <input type="hidden" name="WIDtotal_fee" value="{$order_amount}">
                                    <input type="hidden" name="WIDbody" value="{$goods_desc}"><button type="submit" style="background: #fff;cursor: pointer;"><img src="{$IMG_PATH}payOnline_zfb.png" alt="" /></button>
                                </form>
                            </li>

                            <li><a class="_submit-to-pay"><img src="{$IMG_PATH}payOnline_wx.png" alt="" /></a></li>
                           
                        </ul>
                        
                    </div>
                </li>
            <!-- 平台支付 End-->
            </ul>
       </div>        
    </div>
 </div>
 <script type="text/javascript">
  $(function(){


    $(".payment-list li").mouseenter(function(){
      $(this).addClass('active')
    });
    $(".payment-list li").mouseleave(function(){
      $(this).removeClass('active')
    })
  })  
  </script>   
    </div>
</div>
<!--</form>-->
<!-- 支付弹出框 Start-->
<div class="pay-share" id="confirm-box" style="display: none;">
    <div class="mask">
    </div>
    <div class="popBox">
      <div class="popTitle">
            <span class="title ">登录平台支付</span>
            <i class="iconfont close" onclick="$('#confirm-box').hide();enableScroll()"></i>
        </div>
        <div class="txtBox">
          请您在新打开的页面进行支付，支付完成前请不要关闭该窗口
            <a href="?act=pay_return&order_sn={$order_sn}&pay_status=1" class="btn">已完成支付</a>
            <a href="?act=pay_return&order_sn={$order_sn}&pay_status=0" class="btn">支付遇到问题</a>
        </div>
    </div>
</div>

<!-- 支付弹出框 end-->
<script>
        $(function  () {
          
            $(".mode-tab-item").click(function(event) {
                $(this).addClass("curr").siblings().removeClass("curr")
                var $key=$(this).index();
                $(this).parent(".hd").siblings(".mode-box").eq($key).show().siblings(".mode-box").hide();
            })
        })
</script>

            
 <script>
       $(function() {
    var Accordion = function(el, multiple) {
        this.el = el || {};
        this.multiple = multiple || false;

        // Variables privadas
        var links = this.el.find('.link');
        // Evento
        links.on('click', {el: this.el, multiple: this.multiple}, this.dropdown)
    }

    Accordion.prototype.dropdown = function(e) {
        var $el = e.data.el;
            $this = $(this),
            $next = $this.next();

        $next.slideToggle();
        $this.parent().toggleClass('open');

        if (!e.data.multiple) {
            $el.find('.submenu').not($next).slideUp().parent().removeClass('open');
        };
    }   

    var accordion = new Accordion($('#accordion'), false);
});
    </script>

</body>
</html>